<template>
  <j-modal
    title="流程详情"
    :width="width"
    :visible="visible"
    :confirmLoading="confirmLoading"
    :maskClosable="false"
    :destroyOnClose="true"
    :footer="null"
    @cancel="handleCancel"
    cancelText="关闭"
  >

    <process-detail :proc-inst-id="procInstId" :bussiColumns="columns" :auditHisUrl="auditHisUrl"></process-detail>
  </j-modal>
</template>

<script>
  import ProcessDetail from './components/ProcessDetail'

  export default {
    name: 'ProcessList',
    components: {
      ProcessDetail,
    },
    props: {
      formTableName: {
        type: String,
        default:'',
      },
      columns: {
        type: Array,
        default: () => {
          return [];
        }
      },
      auditHisUrl: {
        type: String,
        default: '',
      },
    },
    data() {
      return {
        activitiKey: ['0'],
        visible: false,
        confirmLoading: false,
        loading: true,
        width: '90%',
        procInstId: '',
        url: {
          list: '/process/queryProcessHisByDataId',
        },
      }
    },
    methods: {
      show(procInstId) {
        this.procInstId = procInstId;
        this.visible = true
      },
      close() {
        this.$emit('close')
        this.visible = false
      },
      handleCancel() {
        this.close()
      },
    },
  }
</script>

<style scoped>
</style>